<template>
  <a-layout-footer :style="footerStyle">
    <a-row>
      <a-col span="8">1</a-col>
      <a-col span="8">2</a-col>
      <a-col span="8">3</a-col>
    </a-row>
    <div class="footerBar-bottom">
      <div>王册设计（cjxbys.top）版权所有</div>
    </div>
  </a-layout-footer>
</template>

<script setup lang="ts">
import type { CSSProperties } from 'vue';

const footerStyle: CSSProperties = {
  textAlign: 'center',
  color: '#fff',
  backgroundColor: '#333',
};

</script>

<style lang="scss" scoped>
.footerBar-bottom {
  margin-top: 70px;
  padding-top: 24px;
  border-top: 1px solid #4d4d4d;
  div {
    margin-right: 20px;
    color: #999;
  }
}
</style>
